<!DOCTYPE html>
<!--3.前端上传图像页功能约束-->
<!--1)页面标题与布局-->
<!--页面标题被设置为“Upload Apparel Image”（上传服装图片）。-->
<!--页面包含两个主要的<div>元素，一个用于显示标题“Prediction”（预测），另一个包含上传表单。-->
<!--2)文件上传功能-->
<!--提供了一个HTML表单，用于上传文件。表单的action属性设置为“/predict”，意味着当用户提交表单时，数据将被发送到服务器的“/predict”路径进行处理。-->
<!--表单的method属性设置为“post”，表明使用HTTP POST方法提交数据。-->
<!--enctype属性设置为“multipart/form-data”，这是处理文件上传时所需的编码类型。-->
<!--3)用户交互-->
<!--用户可以通过<input type="file">选择一个文件。这个输入框的name属性设置为“file”，这意味着在服务器端，可以通过这个名称来访问上传的文件。-->
<!--用户点击<input type="submit">按钮后，表单将被提交，触发文件上传和后续的预测处理。-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Upload Apparel Image</title>
</head>
<body>
<div>
    <h1>
        “Prediction”
    </h1>
    <form action="/predict" method="post" enctype="multipart/form-data">
        <input type="file" name="file" id="">
        <input type="submit" value="提交">
    </form>
</div>
</body>
</html>